@def margin 10px;
@def bigmargin 20px;

@def MAIN_WIDTH 930px;
@def MENU_BAR_WIDTH 145px;
@def CONTENT_WIDTH 783px;

body {
	margin: 0;
	font: normal 12px Verdana, Areal, Helvetica, sans-serif;
	color: #000;
	background-color: #FFF;
}

@sprite .header {
	gwt-image: 'header';
	width: MAIN_WIDTH;
}

@sprite .footer {
	gwt-image: 'footerBG';
	width: MAIN_WIDTH;
	margin-top: 100px;
	float: left;
}

@sprite .mainPanel {
	gwt-image: 'bodyBG';
	width: 100%;
	height: 100%;
}

.mainContainer {
	overflow: hidden;
	margin: 0px auto;
	width: MAIN_WIDTH;
}

.menuBar{
	padding-top: 30px;
	width:MENU_BAR_WIDTH;
	float: left;
}

.pageContainer {
	width:CONTENT_WIDTH;
	float: left;
	border: 1px solid #DDD;
}
	
.page {
	margin:10px;
}

/*
 * ========================= gwt-styles =========================
 */
 
